<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8" />
<title>首页</title>
<!-- BEGIN PAGE LEVEL STYLES -->
<link rel="stylesheet" type="text/css" href="static/assets/global/plugins/select2/select2.css"/>
<link rel="stylesheet" type="text/css" href="static/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
<!-- END PAGE LEVEL STYLES -->
</head>
<!-- BEGIN GLOBAL MANDATORY STYLES -->
 <body >
	<!-- BEGIN PAGE HEADER-->
			  <h3 class="page-title">
					 <i class="fa fa-sitemap"></i>
					 菜单 <small>管理</small>
				</h3>
				<div class="page-bar">
					<ul class="page-breadcrumb">
						<li><i class="fa fa-home"></i> <a href="index.shtml">首页</a>
							<i class="fa fa-angle-right"></i></li>
						<li><a href="#">系统管理</a> <i class="fa fa-angle-right"></i>
						</li>
						<li><a href="#">角色管理</a></li>
					</ul>
					<div class="page-toolbar"></div>
				</div>
			 <!-- END PAGE HEADER-->
			 
			<!-- BEGIN PAGE CONTENT-->
		      <div class="row">
				 <div class="col-md-12">
				 <div class="portlet box grey-cascade">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-globe"></i>角色列表
							</div>
						<!-- 	 		<div class="tools">
								<a href="javascript:;" class="collapse">
								</a>
								<a href="#portlet-config" data-toggle="modal" class="config">
								</a>
								<a href="javascript:;" class="reload">
								</a>
								<a href="javascript:;" class="remove">
								</a>
							</div> -->
							<div class="actions">
						<a id="btnAddMenu" href="#Dialog_addMenu" data-toggle="modal" class="btn btn-default btn-sm"> 新增 <i class="fa fa-plus"></i>
								</a>
									<a href="#Dialog_addMenu" data-toggle="modal" class="btn btn-default btn-sm"> 编辑 <i class="fa fa-edit"></i>
								</a>
						<a href="#Dialog_addMenu" data-toggle="modal" class="btn btn-default btn-sm">删除<i class="fa fa-times"></i>
						</a>		
						<div class="btn-group">
							<a class="btn btn-default btn-sm" href="#" data-toggle="dropdown">
								<i class="fa fa-cogs"></i> 操作 <i class="fa fa-angle-down"></i>
							</a>
							<ul class="dropdown-menu pull-right">
								<li><a href="#"> <i class="fa fa-pencil"></i> 导出pdf
								</a></li>
								<li><a href="#"> <i class="fa fa-trash-o"></i> 导出Excel
								</a></li>
								<li class="divider"></li>
							</ul>
						</div>
					</div>
					</div>
					<div class="portlet-body">
				<!-- 	<div class="table-toolbar">
						<div class="row">
							<from>
							<div class="col-md-12 ">
								<a href="#myModal_addRole" data-toggle="modal" class="btn btn-sm green"> 新增 <i class="fa fa-plus"></i>
								</a> <a href="#" class="btn btn-sm purple"> <i class="fa fa-times"></i> 删除
								</a> <a href="#" class="btn btn-sm red"> 修改 <i class="fa fa-edit"></i>
								</a>
							</div>
							</from>
						</div>
					</div> -->
					<table class="table table-striped table-bordered table-hover" id="roleTable">
							<thead>
							<tr>
								<th class="table-checkbox"><input type="checkbox"
									class="group-checkable" data-set="roleTable .checkboxes" /></th>
								</th>
								<th>
									 角色代码
								</th>
								<th>
									 角色名称
								</th>
								<th>
									 角色类型
								</th>
								<th>
									 归属机构
								</th>
								<th>
									 是否可用
								</th>
								<th>操作</th>  
							</tr>
							</thead>
							<tbody>
							 
							</tbody>
							</table>
				</div>
					</div>
				 
				</div>
 	
				<!-- 编辑角色开始 -->
				<div id="myModal_addRole" data-backdrop="static" data-keyboard="false"  class="modal fade" role="dialog" aria-hidden="true" style="display: none;">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header ">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
											<h4 class="modal-title">添加角色</h4>
										</div>
										<div class="modal-body form">
							<form role="form" class="form-horizontal">
								<div class="form-body">
					<!-- 			has-success，has-warning，has-error -->
									<div class="form-group">
										<label class="col-md-4 control-label">角色名称：</label>
										<div class="col-md-8">
											<div class="input-icon right">
												<i class="fa fa-info-circle tooltips" data-original-title="Email address" data-container="body"></i>
												<input type="text" class="form-control">
											</div>
										</div>
									</div>
									<div class="form-group has-success">
										<label class="col-md-4 control-label">英文名称：</label>
										<div class="col-md-8">
											<div class="input-icon right">
												<i class="fa fa-check tooltips" data-original-title="You look OK!" data-container="body"></i>
												<input type="text" class="form-control">
											</div>
										</div>
									</div>
									<div class="form-group has-warning">
										<label class="col-md-4 control-label">角色类型：</label>
										<div class="col-md-8">
											<div class="input-icon right">
												<i class="fa fa-warning tooltips" data-original-title="please provide an email" data-container="body"></i>
												<input type="text" class="form-control">
											</div>
										</div>
									</div>
									<div class="form-group has-error">
										<label class="col-md-4 control-label">归属机构：</label>
										<div class="col-md-8">
											<div class="input-icon right">
												<i class="fa fa-exclamation tooltips" data-original-title="please write a valid email" data-container="body"></i>
												<input type="text" class="form-control">
											</div>
										</div>
									</div>
								</div>
							</form>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn red btn-default" data-dismiss="modal">关闭</button>
											<button type="button" class="btn btn-primary"><i class="fa fa-check"></i>提交</button>
										</div>
									</div>
								</div>
							</div>
							<!-- 编辑角色结束 -->
				</div>  
					<subPageJs>
				<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="static/assets/global/plugins/select2/select2.min.js"></script>
<script type="text/javascript" src="static/assets/global/plugins/datatables/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="static/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js"></script>
	<script type="text/javascript" src="static/js/sys/role.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
 
</subPageJs>
</body>
<!-- END BODY -->
</html>